
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 16:34:09 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="hampshire">
        <span class="simulation-information-label">Description: </span>
        <span>hampshire</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68419</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692808450000,3],[1692808451000,2],[1692808452000,2],[1692808453000,2],[1692808454000,2],[1692808455000,2],[1692808456000,2],[1692808457000,2],[1692808458000,2],[1692808459000,2],[1692808460000,2],[1692808461000,2],[1692808462000,2],[1692808463000,2],[1692808464000,2],[1692808465000,2],[1692808466000,2],[1692808467000,2],[1692808468000,2],[1692808469000,2],[1692808470000,2],[1692808471000,2],[1692808472000,2],[1692808473000,2],[1692808474000,2],[1692808475000,6],[1692808476000,6],[1692808477000,6],[1692808478000,7],[1692808479000,7],[1692808480000,7],[1692808481000,7],[1692808482000,8],[1692808483000,7],[1692808484000,8],[1692808485000,8],[1692808486000,8],[1692808487000,8],[1692808488000,9],[1692808489000,9],[1692808490000,9],[1692808491000,9],[1692808492000,9],[1692808493000,10],[1692808494000,9],[1692808495000,10],[1692808496000,10],[1692808497000,10],[1692808498000,11],[1692808499000,11],[1692808500000,10],[1692808501000,11],[1692808502000,12],[1692808503000,11],[1692808504000,12],[1692808505000,11],[1692808506000,12],[1692808507000,12],[1692808508000,13],[1692808509000,12],[1692808510000,13],[1692808511000,13],[1692808512000,13],[1692808513000,13],[1692808514000,14],[1692808515000,13],[1692808516000,14],[1692808517000,14],[1692808518000,14],[1692808519000,15],[1692808520000,14],[1692808521000,15],[1692808522000,15],[1692808523000,15],[1692808524000,16],[1692808525000,15],[1692808526000,16],[1692808527000,16],[1692808528000,16],[1692808529000,16],[1692808530000,17],[1692808531000,16],[1692808532000,17],[1692808533000,17],[1692808534000,18],[1692808535000,17],[1692808536000,18],[1692808537000,17],[1692808538000,18],[1692808539000,19],[1692808540000,18],[1692808541000,18],[1692808542000,19],[1692808543000,19],[1692808544000,19],[1692808545000,20],[1692808546000,19],[1692808547000,20],[1692808548000,20],[1692808549000,20],[1692808550000,20],[1692808551000,20],[1692808552000,21],[1692808553000,21],[1692808554000,21],[1692808555000,21],[1692808556000,22],[1692808557000,21],[1692808558000,22],[1692808559000,22],[1692808560000,22],[1692808561000,22],[1692808562000,23],[1692808563000,23],[1692808564000,23],[1692808565000,23],[1692808566000,23],[1692808567000,23],[1692808568000,24],[1692808569000,24],[1692808570000,24],[1692808571000,24],[1692808572000,25],[1692808573000,24],[1692808574000,25],[1692808575000,25],[1692808576000,25],[1692808577000,26],[1692808578000,26],[1692808579000,25],[1692808580000,27],[1692808581000,26],[1692808582000,26],[1692808583000,27],[1692808584000,26],[1692808585000,27],[1692808586000,27],[1692808587000,27],[1692808588000,28],[1692808589000,28],[1692808590000,27],[1692808591000,28],[1692808592000,29],[1692808593000,28],[1692808594000,29],[1692808595000,28],[1692808596000,29],[1692808597000,29],[1692808598000,30],[1692808599000,29],[1692808600000,30],[1692808601000,30],[1692808602000,30],[1692808603000,30],[1692808604000,31],[1692808605000,30],[1692808606000,31],[1692808607000,31],[1692808608000,31],[1692808609000,32],[1692808610000,31],[1692808611000,32],[1692808612000,32],[1692808613000,32],[1692808614000,33],[1692808615000,32],[1692808616000,33],[1692808617000,33],[1692808618000,33],[1692808619000,33],[1692808620000,34],[1692808621000,33],[1692808622000,34],[1692808623000,34],[1692808624000,35],[1692808625000,34],[1692808626000,35],[1692808627000,34],[1692808628000,35],[1692808629000,36],[1692808630000,35],[1692808631000,35],[1692808632000,36],[1692808633000,36],[1692808634000,36],[1692808635000,37],[1692808636000,36],[1692808637000,37],[1692808638000,37],[1692808639000,37],[1692808640000,37],[1692808641000,37],[1692808642000,38],[1692808643000,38],[1692808644000,38],[1692808645000,38],[1692808646000,39],[1692808647000,38],[1692808648000,39],[1692808649000,39],[1692808650000,39],[1692808651000,39],[1692808652000,40],[1692808653000,40],[1692808654000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692808450000,3],[1692808451000,2],[1692808452000,2],[1692808453000,2],[1692808454000,2],[1692808455000,2],[1692808456000,2],[1692808457000,2],[1692808458000,2],[1692808459000,2],[1692808460000,2],[1692808461000,2],[1692808462000,2],[1692808463000,2],[1692808464000,2],[1692808465000,2],[1692808466000,2],[1692808467000,2],[1692808468000,2],[1692808469000,2],[1692808470000,2],[1692808471000,2],[1692808472000,2],[1692808473000,2],[1692808474000,2],[1692808475000,6],[1692808476000,7],[1692808477000,7],[1692808478000,8],[1692808479000,8],[1692808480000,9],[1692808481000,9],[1692808482000,10],[1692808483000,11],[1692808484000,11],[1692808485000,11],[1692808486000,12],[1692808487000,13],[1692808488000,13],[1692808489000,13],[1692808490000,14],[1692808491000,15],[1692808492000,15],[1692808493000,16],[1692808494000,16],[1692808495000,17],[1692808496000,17],[1692808497000,18],[1692808498000,18],[1692808499000,19],[1692808500000,19],[1692808501000,20],[1692808502000,20],[1692808503000,21],[1692808504000,22],[1692808505000,21],[1692808506000,23],[1692808507000,23],[1692808508000,23],[1692808509000,24],[1692808510000,25],[1692808511000,26],[1692808512000,26],[1692808513000,26],[1692808514000,26],[1692808515000,27],[1692808516000,28],[1692808517000,28],[1692808518000,29],[1692808519000,29],[1692808520000,30],[1692808521000,30],[1692808522000,31],[1692808523000,31],[1692808524000,32],[1692808525000,33],[1692808526000,33],[1692808527000,33],[1692808528000,34],[1692808529000,34],[1692808530000,35],[1692808531000,36],[1692808532000,36],[1692808533000,36],[1692808534000,38],[1692808535000,37],[1692808536000,38],[1692808537000,39],[1692808538000,39],[1692808539000,40],[1692808540000,40],[1692808541000,41],[1692808542000,41],[1692808543000,42],[1692808544000,42],[1692808545000,43],[1692808546000,43],[1692808547000,44],[1692808548000,44],[1692808549000,45],[1692808550000,46],[1692808551000,46],[1692808552000,46],[1692808553000,47],[1692808554000,48],[1692808555000,48],[1692808556000,48],[1692808557000,49],[1692808558000,50],[1692808559000,51],[1692808560000,50],[1692808561000,51],[1692808562000,53],[1692808563000,52],[1692808564000,53],[1692808565000,53],[1692808566000,54],[1692808567000,54],[1692808568000,55],[1692808569000,55],[1692808570000,56],[1692808571000,56],[1692808572000,57],[1692808573000,58],[1692808574000,58],[1692808575000,58],[1692808576000,59],[1692808577000,60],[1692808578000,60],[1692808579000,60],[1692808580000,61],[1692808581000,62],[1692808582000,62],[1692808583000,63],[1692808584000,63],[1692808585000,64],[1692808586000,64],[1692808587000,65],[1692808588000,65],[1692808589000,66],[1692808590000,66],[1692808591000,67],[1692808592000,67],[1692808593000,68],[1692808594000,69],[1692808595000,68],[1692808596000,70],[1692808597000,70],[1692808598000,70],[1692808599000,71],[1692808600000,72],[1692808601000,72],[1692808602000,73],[1692808603000,73],[1692808604000,73],[1692808605000,74],[1692808606000,75],[1692808607000,76],[1692808608000,77],[1692808609000,76],[1692808610000,78],[1692808611000,77],[1692808612000,78],[1692808613000,78],[1692808614000,79],[1692808615000,80],[1692808616000,80],[1692808617000,80],[1692808618000,81],[1692808619000,81],[1692808620000,82],[1692808621000,83],[1692808622000,83],[1692808623000,83],[1692808624000,85],[1692808625000,84],[1692808626000,85],[1692808627000,86],[1692808628000,86],[1692808629000,87],[1692808630000,87],[1692808631000,88],[1692808632000,88],[1692808633000,89],[1692808634000,89],[1692808635000,90],[1692808636000,90],[1692808637000,91],[1692808638000,91],[1692808639000,92],[1692808640000,93],[1692808641000,93],[1692808642000,93],[1692808643000,94],[1692808644000,95],[1692808645000,95],[1692808646000,95],[1692808647000,96],[1692808648000,97],[1692808649000,97],[1692808650000,98],[1692808651000,98],[1692808652000,99],[1692808653000,99],[1692808654000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692808450000,3],[1692808451000,3],[1692808452000,3],[1692808453000,2],[1692808454000,2],[1692808455000,2],[1692808456000,2],[1692808457000,2],[1692808458000,2],[1692808459000,2],[1692808460000,10],[1692808461000,6],[1692808462000,6],[1692808463000,7],[1692808464000,9],[1692808465000,5],[1692808466000,5],[1692808467000,0],[1692808468000,5],[1692808469000,5],[1692808470000,4],[1692808471000,7],[1692808472000,5],[1692808473000,4],[1692808474000,6],[1692808475000,7],[1692808476000,11],[1692808477000,15],[1692808478000,18],[1692808479000,21],[1692808480000,25],[1692808481000,28],[1692808482000,32],[1692808483000,35],[1692808484000,39],[1692808485000,40],[1692808486000,45],[1692808487000,48],[1692808488000,53],[1692808489000,55],[1692808490000,59],[1692808491000,61],[1692808492000,66],[1692808493000,67],[1692808494000,73],[1692808495000,75],[1692808496000,79],[1692808497000,81],[1692808498000,87],[1692808499000,89],[1692808500000,92],[1692808501000,94],[1692808502000,98],[1692808503000,101],[1692808504000,105],[1692808505000,109],[1692808506000,111],[1692808507000,115],[1692808508000,119],[1692808509000,121],[1692808510000,126],[1692808511000,128],[1692808512000,133],[1692808513000,136],[1692808514000,139],[1692808515000,140],[1692808516000,146],[1692808517000,148],[1692808518000,154],[1692808519000,156],[1692808520000,158],[1692808521000,162],[1692808522000,167],[1692808523000,168],[1692808524000,172],[1692808525000,175],[1692808526000,178],[1692808527000,183],[1692808528000,186],[1692808529000,188],[1692808530000,192],[1692808531000,195],[1692808532000,198],[1692808533000,202],[1692808534000,205],[1692808535000,210],[1692808536000,212],[1692808537000,215],[1692808538000,219],[1692808539000,223],[1692808540000,226],[1692808541000,229],[1692808542000,232],[1692808543000,237],[1692808544000,240],[1692808545000,243],[1692808546000,246],[1692808547000,249],[1692808548000,254],[1692808549000,257],[1692808550000,261],[1692808551000,262],[1692808552000,266],[1692808553000,269],[1692808554000,274],[1692808555000,277],[1692808556000,280],[1692808557000,282],[1692808558000,286],[1692808559000,291],[1692808560000,293],[1692808561000,296],[1692808562000,299],[1692808563000,303],[1692808564000,308],[1692808565000,308],[1692808566000,312],[1692808567000,317],[1692808568000,319],[1692808569000,325],[1692808570000,325],[1692808571000,329],[1692808572000,335],[1692808573000,336],[1692808574000,340],[1692808575000,342],[1692808576000,345],[1692808577000,349],[1692808578000,354],[1692808579000,357],[1692808580000,361],[1692808581000,361],[1692808582000,368],[1692808583000,372],[1692808584000,375],[1692808585000,377],[1692808586000,381],[1692808587000,383],[1692808588000,387],[1692808589000,391],[1692808590000,393],[1692808591000,397],[1692808592000,402],[1692808593000,402],[1692808594000,407],[1692808595000,411],[1692808596000,412],[1692808597000,417],[1692808598000,420],[1692808599000,424],[1692808600000,425],[1692808601000,428],[1692808602000,437],[1692808603000,437],[1692808604000,441],[1692808605000,440],[1692808606000,445],[1692808607000,451],[1692808608000,457],[1692808609000,455],[1692808610000,459],[1692808611000,463],[1692808612000,469],[1692808613000,472],[1692808614000,472],[1692808615000,475],[1692808616000,482],[1692808617000,484],[1692808618000,488],[1692808619000,494],[1692808620000,491],[1692808621000,494],[1692808622000,500],[1692808623000,504],[1692808624000,506],[1692808625000,509],[1692808626000,512],[1692808627000,516],[1692808628000,522],[1692808629000,523],[1692808630000,530],[1692808631000,533],[1692808632000,533],[1692808633000,537],[1692808634000,544],[1692808635000,543],[1692808636000,549],[1692808637000,553],[1692808638000,551],[1692808639000,557],[1692808640000,560],[1692808641000,562],[1692808642000,569],[1692808643000,570],[1692808644000,574],[1692808645000,577],[1692808646000,582],[1692808647000,585],[1692808648000,589],[1692808649000,592],[1692808650000,595],[1692808651000,597],[1692808652000,603],[1692808653000,602],[1692808654000,589]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '11', '12'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  84.77,15.06,0.08,0.03,0.02,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692808450,null],[1692808451,null],[1692808452,null],[1692808453,null],[1692808454,null],[1692808455,null],[1692808456,null],[1692808457,null],[1692808458,null],[1692808459,null],[1692808460,null],[1692808461,null],[1692808462,null],[1692808463,null],[1692808464,null],[1692808465,null],[1692808466,null],[1692808467,null],[1692808468,null],[1692808469,null],[1692808470,null],[1692808471,null],[1692808472,null],[1692808473,null],[1692808474,null],[1692808475,null],[1692808476,null],[1692808477,null],[1692808478,null],[1692808479,null],[1692808480,null],[1692808481,null],[1692808482,null],[1692808483,null],[1692808484,null],[1692808485,null],[1692808486,null],[1692808487,null],[1692808488,null],[1692808489,null],[1692808490,null],[1692808491,null],[1692808492,null],[1692808493,null],[1692808494,null],[1692808495,null],[1692808496,null],[1692808497,null],[1692808498,null],[1692808499,null],[1692808500,null],[1692808501,null],[1692808502,null],[1692808503,null],[1692808504,null],[1692808505,null],[1692808506,null],[1692808507,null],[1692808508,null],[1692808509,null],[1692808510,null],[1692808511,null],[1692808512,null],[1692808513,null],[1692808514,null],[1692808515,null],[1692808516,null],[1692808517,null],[1692808518,null],[1692808519,null],[1692808520,null],[1692808521,null],[1692808522,null],[1692808523,null],[1692808524,null],[1692808525,null],[1692808526,null],[1692808527,null],[1692808528,null],[1692808529,null],[1692808530,null],[1692808531,null],[1692808532,null],[1692808533,null],[1692808534,null],[1692808535,null],[1692808536,null],[1692808537,null],[1692808538,null],[1692808539,null],[1692808540,null],[1692808541,null],[1692808542,null],[1692808543,null],[1692808544,null],[1692808545,null],[1692808546,null],[1692808547,null],[1692808548,null],[1692808549,null],[1692808550,null],[1692808551,null],[1692808552,null],[1692808553,null],[1692808554,null],[1692808555,null],[1692808556,null],[1692808557,null],[1692808558,null],[1692808559,null],[1692808560,null],[1692808561,null],[1692808562,null],[1692808563,null],[1692808564,null],[1692808565,null],[1692808566,null],[1692808567,null],[1692808568,null],[1692808569,null],[1692808570,null],[1692808571,null],[1692808572,null],[1692808573,null],[1692808574,null],[1692808575,null],[1692808576,null],[1692808577,null],[1692808578,null],[1692808579,null],[1692808580,null],[1692808581,null],[1692808582,null],[1692808583,null],[1692808584,null],[1692808585,null],[1692808586,null],[1692808587,null],[1692808588,null],[1692808589,null],[1692808590,null],[1692808591,null],[1692808592,null],[1692808593,null],[1692808594,null],[1692808595,null],[1692808596,null],[1692808597,null],[1692808598,null],[1692808599,null],[1692808600,null],[1692808601,null],[1692808602,null],[1692808603,null],[1692808604,null],[1692808605,null],[1692808606,null],[1692808607,null],[1692808608,null],[1692808609,null],[1692808610,null],[1692808611,null],[1692808612,null],[1692808613,null],[1692808614,null],[1692808615,null],[1692808616,null],[1692808617,null],[1692808618,null],[1692808619,null],[1692808620,null],[1692808621,null],[1692808622,null],[1692808623,null],[1692808624,null],[1692808625,null],[1692808626,null],[1692808627,null],[1692808628,null],[1692808629,null],[1692808630,null],[1692808631,null],[1692808632,null],[1692808633,null],[1692808634,null],[1692808635,null],[1692808636,null],[1692808637,null],[1692808638,null],[1692808639,null],[1692808640,null],[1692808641,null],[1692808642,null],[1692808643,null],[1692808644,null],[1692808645,null],[1692808646,null],[1692808647,null],[1692808648,null],[1692808649,null],[1692808650,null],[1692808651,null],[1692808652,null],[1692808653,null],[1692808654,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692808450,[6,0,6]],[1692808451,[6,0,6]],[1692808452,[6,0,6]],[1692808453,[6,0,6]],[1692808454,[6,0,6]],[1692808455,[6,0,6]],[1692808456,[6,0,6]],[1692808457,[6,0,6]],[1692808458,[6,0,6]],[1692808459,[6,0,6]],[1692808460,[8,0,8]],[1692808461,[14,0,14]],[1692808462,[8,0,8]],[1692808463,[10,0,10]],[1692808464,[11,0,11]],[1692808465,[12,0,12]],[1692808466,[10,0,10]],[1692808467,[5,0,5]],[1692808468,[4,0,4]],[1692808469,[10,0,10]],[1692808470,[9,0,9]],[1692808471,[8,0,8]],[1692808472,[12,0,12]],[1692808473,[8,0,8]],[1692808474,[9,0,9]],[1692808475,[13,0,13]],[1692808476,[21,0,21]],[1692808477,[26,0,26]],[1692808478,[30,0,30]],[1692808479,[35,0,35]],[1692808480,[37,0,37]],[1692808481,[42,0,42]],[1692808482,[47,0,47]],[1692808483,[50,0,50]],[1692808484,[55,0,55]],[1692808485,[58,0,58]],[1692808486,[62,0,62]],[1692808487,[66,0,66]],[1692808488,[71,0,71]],[1692808489,[74,0,74]],[1692808490,[78,0,78]],[1692808491,[83,0,83]],[1692808492,[86,0,86]],[1692808493,[91,0,91]],[1692808494,[94,0,94]],[1692808495,[99,0,99]],[1692808496,[102,0,102]],[1692808497,[106,0,106]],[1692808498,[110,0,110]],[1692808499,[115,0,115]],[1692808500,[119,0,119]],[1692808501,[121,0,121]],[1692808502,[127,0,127]],[1692808503,[130,0,130]],[1692808504,[136,0,136]],[1692808505,[138,0,138]],[1692808506,[142,0,142]],[1692808507,[146,0,146]],[1692808508,[151,0,151]],[1692808509,[154,0,154]],[1692808510,[160,0,160]],[1692808511,[161,0,161]],[1692808512,[169,0,169]],[1692808513,[170,0,170]],[1692808514,[174,0,174]],[1692808515,[178,0,178]],[1692808516,[182,0,182]],[1692808517,[187,0,187]],[1692808518,[190,0,190]],[1692808519,[196,0,196]],[1692808520,[199,0,199]],[1692808521,[202,0,202]],[1692808522,[206,0,206]],[1692808523,[211,0,211]],[1692808524,[215,0,215]],[1692808525,[219,0,219]],[1692808526,[222,0,222]],[1692808527,[227,0,227]],[1692808528,[231,0,231]],[1692808529,[235,0,235]],[1692808530,[238,0,238]],[1692808531,[243,0,243]],[1692808532,[247,0,247]],[1692808533,[251,0,251]],[1692808534,[255,0,255]],[1692808535,[259,0,259]],[1692808536,[262,0,262]],[1692808537,[268,0,268]],[1692808538,[270,0,270]],[1692808539,[275,0,275]],[1692808540,[279,0,279]],[1692808541,[283,0,283]],[1692808542,[287,0,287]],[1692808543,[291,0,291]],[1692808544,[295,0,295]],[1692808545,[299,0,299]],[1692808546,[303,0,303]],[1692808547,[305,0,305]],[1692808548,[312,0,312]],[1692808549,[315,0,315]],[1692808550,[319,0,319]],[1692808551,[322,0,322]],[1692808552,[328,0,328]],[1692808553,[331,0,331]],[1692808554,[335,0,335]],[1692808555,[340,0,340]],[1692808556,[342,0,342]],[1692808557,[347,0,347]],[1692808558,[350,0,350]],[1692808559,[356,0,356]],[1692808560,[359,0,359]],[1692808561,[363,0,363]],[1692808562,[369,0,369]],[1692808563,[370,0,370]],[1692808564,[376,0,376]],[1692808565,[379,0,379]],[1692808566,[384,0,384]],[1692808567,[386,0,386]],[1692808568,[390,0,390]],[1692808569,[396,0,396]],[1692808570,[399,0,399]],[1692808571,[403,0,403]],[1692808572,[407,0,407]],[1692808573,[412,0,412]],[1692808574,[416,0,416]],[1692808575,[419,0,419]],[1692808576,[422,0,422]],[1692808577,[428,0,428]],[1692808578,[432,0,432]],[1692808579,[435,0,435]],[1692808580,[439,0,439]],[1692808581,[444,0,444]],[1692808582,[447,0,447]],[1692808583,[450,0,450]],[1692808584,[456,0,456]],[1692808585,[460,0,460]],[1692808586,[463,0,463]],[1692808587,[467,0,467]],[1692808588,[473,0,473]],[1692808589,[475,0,475]],[1692808590,[479,0,479]],[1692808591,[484,0,484]],[1692808592,[487,0,487]],[1692808593,[491,0,491]],[1692808594,[497,0,497]],[1692808595,[499,0,499]],[1692808596,[502,0,502]],[1692808597,[507,0,507]],[1692808598,[512,0,512]],[1692808599,[516,0,516]],[1692808600,[520,0,520]],[1692808601,[523,0,523]],[1692808602,[529,0,529]],[1692808603,[531,0,531]],[1692808604,[535,0,535]],[1692808605,[540,0,540]],[1692808606,[543,0,543]],[1692808607,[547,0,547]],[1692808608,[549,0,549]],[1692808609,[559,0,559]],[1692808610,[559,0,559]],[1692808611,[564,0,564]],[1692808612,[568,0,568]],[1692808613,[571,0,571]],[1692808614,[576,0,576]],[1692808615,[581,0,581]],[1692808616,[583,0,583]],[1692808617,[588,0,588]],[1692808618,[591,0,591]],[1692808619,[596,0,596]],[1692808620,[600,0,600]],[1692808621,[603,0,603]],[1692808622,[608,0,608]],[1692808623,[611,0,611]],[1692808624,[617,0,617]],[1692808625,[621,0,621]],[1692808626,[619,0,619]],[1692808627,[631,0,631]],[1692808628,[632,0,632]],[1692808629,[636,0,636]],[1692808630,[640,0,640]],[1692808631,[644,0,644]],[1692808632,[647,0,647]],[1692808633,[652,0,652]],[1692808634,[657,0,657]],[1692808635,[660,0,660]],[1692808636,[663,0,663]],[1692808637,[669,0,669]],[1692808638,[672,0,672]],[1692808639,[675,0,675]],[1692808640,[681,0,681]],[1692808641,[683,0,683]],[1692808642,[688,0,688]],[1692808643,[692,0,692]],[1692808644,[698,0,698]],[1692808645,[700,0,700]],[1692808646,[704,0,704]],[1692808647,[706,0,706]],[1692808648,[714,0,714]],[1692808649,[716,0,716]],[1692808650,[719,0,719]],[1692808651,[724,0,724]],[1692808652,[728,0,728]],[1692808653,[733,0,733]],[1692808654,[1076,0,1076]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692808450,[6,0,6]],[1692808451,[6,0,6]],[1692808452,[6,0,6]],[1692808453,[6,0,6]],[1692808454,[6,0,6]],[1692808455,[6,0,6]],[1692808456,[6,0,6]],[1692808457,[6,0,6]],[1692808458,[6,0,6]],[1692808459,[6,0,6]],[1692808460,[7,0,7]],[1692808461,[15,0,15]],[1692808462,[8,0,8]],[1692808463,[10,0,10]],[1692808464,[11,0,11]],[1692808465,[12,0,12]],[1692808466,[10,0,10]],[1692808467,[5,0,5]],[1692808468,[4,0,4]],[1692808469,[10,0,10]],[1692808470,[9,0,9]],[1692808471,[8,0,8]],[1692808472,[12,0,12]],[1692808473,[8,0,8]],[1692808474,[9,0,9]],[1692808475,[13,0,13]],[1692808476,[21,0,21]],[1692808477,[26,0,26]],[1692808478,[30,0,30]],[1692808479,[35,0,35]],[1692808480,[37,0,37]],[1692808481,[42,0,42]],[1692808482,[47,0,47]],[1692808483,[50,0,50]],[1692808484,[55,0,55]],[1692808485,[58,0,58]],[1692808486,[62,0,62]],[1692808487,[66,0,66]],[1692808488,[71,0,71]],[1692808489,[73,0,73]],[1692808490,[79,0,79]],[1692808491,[83,0,83]],[1692808492,[86,0,86]],[1692808493,[90,0,90]],[1692808494,[95,0,95]],[1692808495,[99,0,99]],[1692808496,[102,0,102]],[1692808497,[106,0,106]],[1692808498,[110,0,110]],[1692808499,[115,0,115]],[1692808500,[119,0,119]],[1692808501,[121,0,121]],[1692808502,[127,0,127]],[1692808503,[130,0,130]],[1692808504,[135,0,135]],[1692808505,[139,0,139]],[1692808506,[142,0,142]],[1692808507,[146,0,146]],[1692808508,[150,0,150]],[1692808509,[155,0,155]],[1692808510,[160,0,160]],[1692808511,[161,0,161]],[1692808512,[167,0,167]],[1692808513,[172,0,172]],[1692808514,[173,0,173]],[1692808515,[179,0,179]],[1692808516,[182,0,182]],[1692808517,[187,0,187]],[1692808518,[190,0,190]],[1692808519,[196,0,196]],[1692808520,[199,0,199]],[1692808521,[202,0,202]],[1692808522,[206,0,206]],[1692808523,[211,0,211]],[1692808524,[215,0,215]],[1692808525,[219,0,219]],[1692808526,[222,0,222]],[1692808527,[226,0,226]],[1692808528,[232,0,232]],[1692808529,[235,0,235]],[1692808530,[238,0,238]],[1692808531,[243,0,243]],[1692808532,[247,0,247]],[1692808533,[251,0,251]],[1692808534,[255,0,255]],[1692808535,[259,0,259]],[1692808536,[262,0,262]],[1692808537,[268,0,268]],[1692808538,[270,0,270]],[1692808539,[275,0,275]],[1692808540,[279,0,279]],[1692808541,[283,0,283]],[1692808542,[287,0,287]],[1692808543,[291,0,291]],[1692808544,[295,0,295]],[1692808545,[299,0,299]],[1692808546,[303,0,303]],[1692808547,[305,0,305]],[1692808548,[311,0,311]],[1692808549,[316,0,316]],[1692808550,[319,0,319]],[1692808551,[322,0,322]],[1692808552,[328,0,328]],[1692808553,[331,0,331]],[1692808554,[335,0,335]],[1692808555,[339,0,339]],[1692808556,[343,0,343]],[1692808557,[347,0,347]],[1692808558,[350,0,350]],[1692808559,[356,0,356]],[1692808560,[359,0,359]],[1692808561,[363,0,363]],[1692808562,[369,0,369]],[1692808563,[370,0,370]],[1692808564,[376,0,376]],[1692808565,[379,0,379]],[1692808566,[384,0,384]],[1692808567,[386,0,386]],[1692808568,[390,0,390]],[1692808569,[396,0,396]],[1692808570,[399,0,399]],[1692808571,[403,0,403]],[1692808572,[407,0,407]],[1692808573,[412,0,412]],[1692808574,[416,0,416]],[1692808575,[419,0,419]],[1692808576,[422,0,422]],[1692808577,[428,0,428]],[1692808578,[432,0,432]],[1692808579,[434,0,434]],[1692808580,[440,0,440]],[1692808581,[443,0,443]],[1692808582,[448,0,448]],[1692808583,[450,0,450]],[1692808584,[456,0,456]],[1692808585,[460,0,460]],[1692808586,[463,0,463]],[1692808587,[467,0,467]],[1692808588,[472,0,472]],[1692808589,[476,0,476]],[1692808590,[479,0,479]],[1692808591,[484,0,484]],[1692808592,[486,0,486]],[1692808593,[492,0,492]],[1692808594,[497,0,497]],[1692808595,[499,0,499]],[1692808596,[501,0,501]],[1692808597,[508,0,508]],[1692808598,[512,0,512]],[1692808599,[516,0,516]],[1692808600,[519,0,519]],[1692808601,[524,0,524]],[1692808602,[528,0,528]],[1692808603,[532,0,532]],[1692808604,[535,0,535]],[1692808605,[540,0,540]],[1692808606,[543,0,543]],[1692808607,[547,0,547]],[1692808608,[548,0,548]],[1692808609,[560,0,560]],[1692808610,[559,0,559]],[1692808611,[564,0,564]],[1692808612,[568,0,568]],[1692808613,[571,0,571]],[1692808614,[576,0,576]],[1692808615,[581,0,581]],[1692808616,[583,0,583]],[1692808617,[588,0,588]],[1692808618,[591,0,591]],[1692808619,[595,0,595]],[1692808620,[601,0,601]],[1692808621,[603,0,603]],[1692808622,[608,0,608]],[1692808623,[611,0,611]],[1692808624,[617,0,617]],[1692808625,[621,0,621]],[1692808626,[619,0,619]],[1692808627,[631,0,631]],[1692808628,[632,0,632]],[1692808629,[636,0,636]],[1692808630,[640,0,640]],[1692808631,[643,0,643]],[1692808632,[648,0,648]],[1692808633,[652,0,652]],[1692808634,[657,0,657]],[1692808635,[660,0,660]],[1692808636,[663,0,663]],[1692808637,[669,0,669]],[1692808638,[672,0,672]],[1692808639,[675,0,675]],[1692808640,[680,0,680]],[1692808641,[684,0,684]],[1692808642,[688,0,688]],[1692808643,[692,0,692]],[1692808644,[698,0,698]],[1692808645,[700,0,700]],[1692808646,[704,0,704]],[1692808647,[706,0,706]],[1692808648,[714,0,714]],[1692808649,[716,0,716]],[1692808650,[719,0,719]],[1692808651,[724,0,724]],[1692808652,[728,0,728]],[1692808653,[733,0,733]],[1692808654,[1076,0,1076]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68419.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
